<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>岩隐忍者村</title>
    <style>
        .pic img {
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2"> 
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" class="hidden-xs"></a>
                    <a href="index.html"><span class="visible-xs">火影忍者联盟</span></a>
                </div>
                <div class="nav">
                    <ul>
                        <li>
                            <a href="muye.html" class="glyphicon glyphicon-leaf">木叶村</a>
                        </li>
                        <li>
                            <a href="wuyin.html" class="glyphicon glyphicon-eye-close">雾隐村</a>
                        </li>
                        <li>
                            <a href="yanyin.html" class="glyphicon glyphicon-queen">岩隐村</a>
                        </li>
                        <li>
                            <a href="yunyin.html" class="glyphicon glyphicon-cloud">云隐村</a>
                        </li>
                        <li>
                            <a href="shayin.html" class="glyphicon glyphicon-hourglass">砂隐村</a>
                        </li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7 pic">
                <h3>五大强村之岩隐忍者村</h3>
                <h4>岩隐村的由来</h4>
                <p>岩隐村乃五个最强大的隐村之一，该村子隶属土之国，由初代目土影建立。
                    村子被岩石高山包围，拥有坚固的防守，敌人难以攻入其内部，不过同样的，他们要于外界交流也相对的困难起来。</p>
                <h4>岩隐历代土影</h4>
                <p>初代土影·石河：平定乱世的五影之一，建立岩隐村。擅长超轻重岩之术。</p>
                <img src="upload/t1.jpg" class="img-responsive" alt="">
                <p>二代目土影·无：拥有超越于血继限界的血继淘汰「尘遁」，他也是五大国中少有的会飞的忍者之一，并将其亲自传授给弟子第三代土影大野木。他的血继淘汰能够同时发出风·土·火的性质变化，并且以尘遁作为武器，奔驰于战乱之世，他不仅拥有优秀的感知能力，还很擅长使用隐身、分裂等各种多姿多彩的忍术。</p>
                <img src="upload/t2.jpg" class="img-responsive" alt="">
                <p>三代目土影·大野木：初代土影和二代目土影的亲传弟子，实力相当强悍，享有"两天秤之大野木"的称号，精通土遁忍术，可以使用特有的性质变化"尘遁"，是超越了"血继限界"的"血继淘汰"，也是五大国中少有的会飞的忍者之一。大野木是忍界史上实际执掌土之国最高权力时间最长的土影，也是最长寿的土影，开创了岩隐村的全盛时期。</p>
                <img src="upload/t3.jpg" class="img-responsive" alt="">
                <p>四代目土影·黑土：擅长近身格斗，习惯用右腿首次攻击敌人，经常使用岩拳之术给自己的拳头包裹上岩石打向目标，超加重岩之术可用以强化岩拳的威力。掌握了独特的忍术，可以在空中自由漂浮、飞行。</p>   
                <img src="upload/t4.jpg" class="img-responsive" alt="">
                <textarea class="form-control" rows="3">留下友好的交流评论吧~写完你也提交不了哈哈哈，因为我没完善这个功能~略略略~</textarea>
                <button type="button" class="btn btn-info">提交</button>
            </article>
            <aside class="col-md-3">
                <a href="#" class="banner">
                    <img src="upload/banner.png" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">登录</span>
                    <h4 class="text-primary">火影忍者联盟</h4>
                    <p class="text-muted">Peace&love</p>
                </a>
            </aside>
        </div>
    </div>
</body>
</html>